<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
	<title>学生工作信息服务平台</title>
	<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/students_affairs.css">
	<link rel="stylesheet" type="text/css" href="../css/nav.css">
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_554626_qzrso3umv1oo5hfr.css">
	<link rel="stylesheet" type="text/css" href="../css/swiper-3.3.1.min.css">
</head>
<body>
	<header>
		<div class='wrap'>
			<div class='left col-xs-12 col-sm-6 col-md-6 col-lg-6'>
				<a href="../index.html"><img src="../img/logo.png"></a>
			</div>
			<div class='right  col-xs-12 col-sm-6 col-md-6 col-lg-6'>
				<img src="../img/logo2.png" class='logo2'>
			</div>
		</div>
	</header>
	<!-- ======导航======= -->
	<nav class="navbar navbar-default" role="navigation">
	    <div class="container-fluid wrap">
		    <div class="navbar-header">
		        <button type="button" class="navbar-toggle iconfont icon-ai-kind" data-toggle="collapse"
		                data-target="#example-navbar-collapse">
		        </button>
		    </div>
		    <div class="collapse navbar-collapse" id="example-navbar-collapse">
		        <ul class="nav navbar-nav main">
		            <li class="active">
		            	<a href="#">机构设置</a>
		            </li>
		            <li>
		            	<a href="#">队伍建设</a>
		            </li>
		           <li>
		            	<a href="#">资助工作</a>
		            </li>
		            <li>
		            	<a href="#">心理健康</a>
		            </li>
		            <li>
		            	<a href="#">团委工作</a>
		            </li>
		            <li>
		            	<a href="#">社会服务</a>
		            </li>
		            <li>
		            	<a href="#">学子风采</a>
		            </li>
		            <li>
		            	<a href="#">创新创业</a>
		            </li>
		        </ul>
		        
		    </div>
	    </div>
	</nav>
	<!-- =====导航结束======= -->
	<div id="banner">
		<div class="swiper-container" id="banner_swiper">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><a href="#"><img src="../img/banner2.jpg"></a></div>
		        <div class="swiper-slide"><a href="#"><img src="../img/banner2.jpg"></a></div>
		        <div class="swiper-slide"><a href="#"><img src="../img/banner2.jpg"></a></div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <!-- <div class="swiper-pagination"></div> -->
		</div>
	</div>
	
	<div class='main'>
		<div class="wrap">
			<div class="main_top col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<div class="left col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<div class="main_title">
						<i class='square'></i>
						<b>政治教育<span>/ Teaching</span></b>
						<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
					</div>
					<div class="list_box col-xs-12 col-sm-12 col-md-12 col-lg-12">
						<ul class="main_details col-xs-12 col-sm-12 col-md-6 col-lg-6">
							<li>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
						</ul>
						<div class="img_box col-xs-12 col-sm-12 col-md-6 col-lg-6">
							<img src="../img/img5.jpg">
							<div class="content">
								欠我的钱成为肉丸放入vwefwv额外few放弃五千万额为恶
								为我reef北方而违反werebergen温柔个额达千万富翁人王
								问问吧我温热感为日本的博文虽然热vgeeghteb服务让人
								额范围让我哥替你 二位而恶不放过恶的人违
							</div>
						</div>
					</div>
				</div>
				<div class="right col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="main_title">
						<i class='square'></i>
						<b>快捷入口<span>/ Teaching</span></b>
					</div>
					<div class="btn_box">
						<a href="#"><i class="iconfont icon-renshu"></i>学工系统</a>
						<a href="#"><i class="iconfont icon-setting-user"></i>学生资助</a>
					</div>
				</div>
			</div> 
			<div class="main_center col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="main_title">
						<i class='square'></i>
						<b>工作安排<span>/ Teaching</span></b>
						<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
					</div>
					<ul>
						<li><a href="#"><span>学生工作学生工作学生工作学生工作</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
					</ul>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="main_title">
						<i class='square'></i>
						<b>学生奖惩<span>/ Teaching</span></b>
						<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
					</div>
					<ul>
						<li><a href="#"><span>学生工作学生工作学生工作学生工作</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
					</ul>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="main_title">
						<i class='square'></i>
						<b>新闻中心<span>/ Teaching</span></b>
						<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
					</div>
					<div class="img_box">
						<img src="../img/img5.jpg">
					</div>
					<ul>
						<li><a href="#"><span>学生工作学生工作学生工作学生工作</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
						<li><a href="#"><span>护理系召开期末复习迎考动员即阶段性总结护理系召开期末复习迎考动员即阶段性总结</span></a></li>
					</ul>

				</div>
			</div>
			<div class="main_bottom col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<div class="main_title">
					<i class='square'></i>
					<b>通知公告<span>/ Teaching</span></b>
					<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
				</div>
				<div class="content col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<div class='content_left col-xs-12 col-sm-12 col-md-6 col-lg-6'>
						<div class="swiper-container" id="bottom_swiper">
						    <div class="swiper-wrapper">
						        <div class="swiper-slide">
									<li>
										<div class='left'>
											<span>11</span>
											<span>2017-12</span>
										</div>
										<div class='right'><a href="#">川省2017年普通高校招生美术与设计类专业考试成绩录取控制分数线及部分艺术类专制分数线及部分艺术类专</a></div>
									</li>
						        </div><div class="swiper-slide">
									<li>
										<div class='left'>
											<span>11</span>
											<span>2017-12</span>
										</div>
										<div class='right'><a href="#">川省2017年普通高校招生美术与设计类专业考试成绩录取控制分数线及部分艺术类专制分数线及部分艺术类专</a></div>
									</li>
						        </div>
						    </div>
						</div>
					</div>
					<div class="content_right col-xs-12 col-sm-12 col-md-6 col-lg-6">
						<div class="right_l col-xs-12 col-sm-12 col-md-6 col-lg-6">
							<img src="../img/img6.jpg">
						</div>
						<div class="right_r col-xs-12 col-sm-12 col-md-6 col-lg-6">
							<h2>校外链接<i class="iconfont icon-arrow-right-copy"></i></h2>
							<ul>
								<li class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><a href="#"><i class="iconfont icon-yuandianxiao"></i>校外链接</a></li>
								<li class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><a href="#"><i class="iconfont icon-yuandianxiao"></i>校外链接</a></li>
								<li class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><a href="#"><i class="iconfont icon-yuandianxiao"></i>校外链接</a></li>
								<li class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><a href="#"><i class="iconfont icon-yuandianxiao"></i>校外链接</a></li>
								<li class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><a href="#"><i class="iconfont icon-yuandianxiao"></i>校外链接</a></li>
								<li class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><a href="#"><i class="iconfont icon-yuandianxiao"></i>校外链接</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="activities col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<div class="wrap">
			<div class="title">
				<span>学生活动</span>
				<span>Student activities of Sichuan Sabhe vocational college</span>
			</div>
			<div class="swiper-container" id="activities_swiper">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class='single_news'>
							<div class='top'>
								<img src="../img/img7.jpg">
							</div>
							<div class='bottom'>
								<div class='con'>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
							</div>
						</div>
			        </div><div class="swiper-slide">
						<div class='single_news'>
							<div class='top'>
								<img src="../img/img7.jpg">
							</div>
							<div class='bottom'>
								<div class='con'>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
							</div>
						</div>
			        </div><div class="swiper-slide">
						<div class='single_news'>
							<div class='top'>
								<img src="../img/img7.jpg">
							</div>
							<div class='bottom'>
								内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
							</div>
						</div>
			        </div><div class="swiper-slide">
						<div class='single_news'>
							<div class='top'>
								<img src="../img/img7.jpg">
							</div>
							<div class='bottom'>
								<div class='con'>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
							</div>
						</div>
			        </div><div class="swiper-slide">
						<div class='single_news'>
							<div class='top'>
								<img src="../img/img7.jpg">
							</div>
							<div class='bottom'>
								<div class='con'>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
							</div>
						</div>
			        </div>
			    </div>
			    <div class="swiper-button-prev"></div>
			    <div class="swiper-button-next"></div>
			</div>
		</div>
		
	</div>
	<div id='link_box' class=' col-xs-12 col-sm-12 col-md-12 col-lg-12'>
		<div class='wrap'>
			<div class="main_title">
				<i class='square'></i>
				<b>快捷链接</b>
			</div>
			<div class='link col-xs-12 col-sm-12 col-md-12 col-lg-12'>
				<ul class='link_left col-xs-12 col-sm-12 col-md-6 col-lg-6'>
					<li><a href="#"><i class="iconfont icon-diannao-tianchong"></i><span>评建工作</span></a></li>
					<li><a href="deansOffice.html"><i class="iconfont icon-date"></i><span>教务管理</span></a></li>
					<li><a href="#"><i class="iconfont icon-yuanchengjiaoxue"></i><span>数字化教学</span></a></li>
					<li><a href="#"><i class="iconfont icon-boshimao1"></i><span>智慧校园</span></a></li>
					<li><a href="#"><i class="iconfont icon-baozhi"></i><span>OA办公系统</span></a></li>
					<li><a href="#"><i class="iconfont icon-icon-test"></i><span>校园景色</span></a></li>
				</ul>
				<div class='link_right col-xs-12 col-sm-12 col-md-6 col-lg-6'>
					<ul>
						<li class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>四川省教育厅</span></a></li>
						<li class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>四川省教育厅</span></a></li>
						<li class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>四川省教育厅</span></a></li>
						<li class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>四川省教育厅</span></a></li>
						<li class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>四川省教育厅</span></a></li>
						<li class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>四川省教育厅</span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div class="footer_top">
			<div class="wrap">
				<ul class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<li>地址：四川省泸州市合江荔城大道500号</li>
					<li>邮编：646200 </li>
					<li>联系电话：0830-5261151、5255263、5255327 </li>
					<li>传真： 0830-8889199 </li>
					<li>QQ：800099668   微信：V800</li>
				</ul>
				<div class='img_box col-xs-12 col-sm-12 col-md-4 col-lg-4'>
					<img src="../img/img2.jpg">
				</div>
			</div>
		</div>
		<div class="footer_bottom">
			Copyright&copy; 四川三河职业学院官方网站
		</div>
	</div>
	


</body>
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/swiper-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
	if($(window).width() < 769){
		$('.dropdown ul').addClass('dropdown-menu').removeClass('drop').removeClass('menu5');
	}else{
		$('.dropdown ul').removeClass('dropdown-menu').addClass('drop').addClass('menu5');
	}
	$(window).resize(function(){ 
	    if($(window).width() < 769){
			$('.dropdown ul').addClass('dropdown-menu').removeClass('drop').removeClass('menu5');
		}else{
			$('.dropdown ul').removeClass('dropdown-menu').addClass('drop').addClass('menu5');
		}
	});

	var mySwiper1 = new Swiper ('#banner .swiper-container', {
	    direction: 'horizontal',
	    loop: true,
	    autoplay: 500,
        speed: 2000,
        observer:true,
        observeParents:true,
	    pagination: {
	      el: '.swiper-pagination',
	    },
	}) 
	var mySwiper2 = new Swiper ('.main_bottom .swiper-container', {
	    direction: 'vertical',
	    loop: true,
	    slidesPerView:4,
	    spaceBetween : 60,
        autoplay: 1000,
        speed: 2000,
        observer:true,
        observeParents:true,
        autoplayDisableOnInteraction : false,
	    pagination: {
	      el: '.swiper-pagination',
	      clickable: true,
	    },
	}) 
	var mySwiper3 = new Swiper ('.activities .swiper-container', {
	    direction: 'horizontal',
	    loop: true,
	    slidesPerView:5,
	    spaceBetween : 20,
        autoplay: 1000,
        speed: 2000,
        observer:true,
        observeParents:true,
        autoplayDisableOnInteraction : false,
	    pagination: {
	      el: '.swiper-pagination',
	      clickable: true,
	    },
	}) 
	
	$('.right_link').click(function(){
		console.log("465464546");
		var listBox = $(this).find('ul');
		if(listBox.css('display')=='block'){
			listBox.hide();
		}else{
			listBox.show();
		}
		$(this).siblings().find('ul').hide();
	})
	

	
})
</script>
</html>